import React from 'react'

import { CapsuleChart, BorderBox9 } from '@jiaminghi/data-view-react'

import './RealInboundV2.less'
import { useTranslation } from 'react-i18next'
const config = {
  data: [
    {
      name: '入库订单1',
      value: 25,
    },
    {
      name: '入库订单2',
      value: 66,
    },
    {
      name: '入库订单3',
      value: 123,
    },
    {
      name: '入库订单4',
      value: 72,
    },
    {
      name: '入库订单5',
      value: 99,
    },
  ],
  unit: '件',
  showValue: true
}
export default () => {
  const { t } = useTranslation()
  return (
    <BorderBox9>
      <div className="right-chart-inbound">
        <div className="rc1-header">实时入库</div>

        <div className="rc1-chart-container">
          <div className="left">
            <div className="number">262</div>
            <div>今日入库总数</div>
          </div>

          <CapsuleChart className="right" config={config} />
        </div>
      </div>
    </BorderBox9>
  )
}
